import styled from 'styled-components';
import { useParams, useNavigate } from 'react-router-dom';
import React, { CSSProperties, FC, useCallback, useEffect, useState } from 'react';

import { ChatPage } from '../chat';
import { InstalledApplication } from '@/services/local';

export interface ApplicationAgentPageProps {
    style?: CSSProperties;
    application: InstalledApplication
}

export const ApplicationAgentPage: FC<ApplicationAgentPageProps> = (props) => {

    const { application: projectApplication } = props;

    const navigate = useNavigate();

    const [loading, setLoading] = useState<boolean>(false);

    const [activeKey, setActiveKey] = useState<string>('');

    const [version, setVersion] = useState<number>(0);

    return <Container>
        <ChatPage isInstalled={false} application={projectApplication}></ChatPage>
    </Container>
}

const Container = styled.div`
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
`;

export default ApplicationAgentPage;